<!--<!DOCTYPEhtml>-->
<!--<html lang="zh" xmlns:th="http://www.thymeleaf.org">-->
<!--<head th:replace="~{/common/header::header-body}">-->
<!--    <meta charset="UTF-8">-->
<!--    <title>用户注册页面</title>-->
<!--</head>-->
<!--<body>-->
<!--<div th:replace="~{/common/header::header-body}"></div>-->
<!--<div class="alertalert-success" th:if="${successMsg}" th:utext="${successMsg}">-->
<!--</div>-->
<!--<div class="container">-->
<!--<form autocomplete="off" action="#" th:object="${user}"-->
<!--th:action="@{/registration}" method="post" role="form">-->
<!--<div class="input-groupmb-3">-->
<!--<div class="input-group-prepend">-->
<!--<span class="input-group-text"-->
<!--th:if="${#fields.hasErrors('email')}" th:errors="*{email}">Email地址</span>-->
<!--</div>-->
<!--<input th:field="*{email}" type="text" class="form-control"-->
<!--placeholder="请输入有效的Email地址" aria-label="Email">-->
<!--</div>-->
<!--<div class="input-groupmb-3">-->
<!--<div class="input-group-prepend">-->
<!--<span class="input-group-text"-->
<!--th:if="${#fields.hasErrors('username')}" th:errors="*{username}">登录用户名</span>-->
<!--</div>-->
<!--<input th:field="*{username}" type="text" class="form-control"-->
<!--placeholder="登录用户名仅可以包含英文和数字字符" aria-label="Username">-->
<!--</div>-->
<!--<div class="input-groupmb-3">-->
<!--<div class="input-group-prepend">-->
<!--<span class="input-group-text"-->
<!--th:if="${#fields.hasErrors('password')}" th:errors="*{password}">登录登录密码</span>-->
<!--</div>-->
<!--<input th:field="*{password}" type="text" class="form-control"-->
<!--placeholder="登录密码是长度至少为5的英文或数字字符" aria-label="Password">-->
<!--</div>-->
<!--<div class="input-groupmb-3">-->
<!--<div class="input-group-prepend">-->
<!--<span class="input-group-text"-->
<!--th:if="${#fields.hasErrors('name')}" th:errors="*{name}">真实姓-->
<!--名</span>-->
<!--</div>-->
<!--<input th:field="*{name}" type="text" class="form-control"-->
<!--placeholder="请输入你的真实姓名" aria-label="Name">-->
<!--</div>-->
<!--<div>-->
<!--    <input type="submit" class="btnbtn-primarybtn-lg" value="注册">-->
<!--    <input th:href="@{/home}" type="submit" class="btnbtn-secondary-->
<!--    btn-lg" value="返回">-->
<!--</div>-->
<!--</form>-->
<!--</div>-->
<!--<div th:replace="/fragments/footer::footer"></div>-->
<!--</body>-->
<!--</html>-->










<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Signin Template · Bootstrap v5.1</title>

    <link rel="canonical" th:href="@{https://getbootstrap.com/docs/5.1/examples/sign-in/}">

    <link th:href="@{/assets/dist/css/bootstrap.min.css}" rel="stylesheet">

    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>


    <link th:href="@{/css/signin.css}" rel="stylesheet">
</head>
<body class="text-center">

<main class="form-signin form-style">
    <img class="mb-4" th:src="@{/assets/img/osu.png}" alt="" width="72" height="57">
    <h1 class="h3 mb-3 fw-normal">请注册</h1>
    <form th:action="@{/register}" method="post">
        <div class="form-floating">
            <input type="email" class="form-control" id="floatingEmail" placeholder="username"  name="email" required>
            <label for="floatingEmail">电子邮箱</label>
        </div>
        <div class="form-floating">
            <input type="text" class="form-control" id="floatingInput" placeholder="username"  name="username" required>
            <label for="floatingInput">用户名</label>
        </div>
        <div class="form-floating">
            <input type="password" class="form-control" id="floatingPassword" placeholder="Password" name="password" required>
            <label for="floatingPassword">密码</label>
        </div>
        <button class="w-100 btn btn-lg btn-primary" type="submit">注册</button>
        <p th:text="${msg}" style="color: white;font-weight: bolder"></p>
    </form>
    <p class="mt-5 mb-3 text-muted">&copy; 4KCalambre</p>
</main>



</body>
</html>